<template>
	<div class="bottom">
		<div class="bottom-item">
			<span class="iconfont">&#xe632;</span>
			<p class="txt">查询</p>
		</div>
		<div class="bottom-item">
			<span class="iconfont">&#xe61b;</span>
			<p class="txt">本地</p>
		</div>
		<div class="bottom-item" style="background-color: #008000;color: white;">
			<span class="iconfont">&#xe62d;</span>
			<p class="txt">旅游商店</p>
		</div>
		<div class="bottom-item">
			<span class="iconfont">&#xe662;</span>
			<p class="txt">社区</p>
		</div>
		<div class="bottom-item">
			<span class="iconfont">&#xe6e7;</span>
			<p class="txt">账户</p>
		</div>
	</div>
</template>

<script>
</script>

<style>
	.bottom {
		margin-top: 0.8rem;
		display: flex;
	}

	.bottom-item {
		flex: 1;
		text-align: center;
		font-size: 0.25rem;
		padding-bottom: 0.2rem;
		height: 0.8rem;

	}

	.txt {
		padding-top: 0.2rem;
	}
</style>
